<template>
  <div class="overview-content">
    <el-row :gutter="32">
      <el-col :xs="24" :sm="24" :lg="24" style="margin-bottom:20px;">
        <div class="chart-wrapper">
          <h2 class="fromDivTit">交接完成</h2>
          <el-form ref="stepForm" :model="stepForm" :rules="stepFormRules" label-width="100px" class="formDiv">
            <h3 class="text-center" style="font-size: 28px;">恭喜你！房产已成功交接！</h3>
            <p class="text-center p1" style="color: rgba(208, 208, 208, 100);font-size: 14px;">
              交接从 {{ dateFormat2(finishInfo.startDate) }} 至 {{ dateFormat2(finishInfo.completeDate) }} ，共耗时 {{ finishInfo.days }} 天！
            </p>
            <br><br><br>
            <span style="display:block" class="text-center">
              你现在可以到<i class="countFsColor" @click="backList">房产列表</i>中去出租或出售了
            </span>
            <br><br><br><br>
            <div class="dialog-footer">
              <el-button type="primary" @click="backList">返回列表</el-button>
            </div>
          </el-form>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import { dateFormat2 } from '@/utils/common'

export default {
  components: {
  },
  props: {
    id: {
      type: String,
      default: ''
    },
    finishInfo: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      disabled: true,
      stepForm: {
      },
      stepFormRules: {
      },
      dateFormat2
    }
  },
  created() {
  },
  methods: {
    backList() {
      this.$emit('back')
    }
  }
}
</script>
<style lang="scss" scoped>
.countFsColor{
  cursor: pointer;
}
.formDiv {
  padding-left: 39px;
  padding-right: 39px;
  background: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.dialog-footer {
  text-align: right;
}
</style>
